<template>
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <svg
    key="17"
    width="100%"
    height="100%"
    viewBox="-300 0 1182.4 1080"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    preserveAspectRatio="xMinYMin meet"
  >
    <image
      style="overflow:visible;"
      width="1920"
      height="1080"
      xlink:href="http://www.67934.cn:31411/iot/005/tenant/z17.png"
      transform="matrix(0.736 0 0 0.736 -237.7388 122.4843)"
    ></image>
    <filter id="glow">
      <feGaussianBlur stdDeviation="3" result="coloredBlur" />
      <feColorMatrix
        type="matrix"
        values="0 0 0 0   0
                  0 0 0 0   0
                  0 0 0 0   0
                  0 0 0 0.5 0"
      />
      <feMerge>
        <feMergeNode in="coloredBlur" />
        <feMergeNode in="SourceGraphic" />
      </feMerge>
    </filter>
    <!-- 高真空阀 -->
    <path
      class="st13"
      :class="area123.highVacuumValvein1 === '1' ? 's_101' : ''"
      d="M246.3,137l0.4,5.8l2.5,2.4l4.7,64.6l1,8.2l2.9,1.7l4.2-0.8v8.3c0,0,4,1.4,5.9,0c0-6.7,0-6.7,0-6.7l1.1,1.1
	c0,0,7.3,4.5,12.9-0.8c0-5.2,0-5.2,0-5.2h5.5l3.6,8.1h4.8l-4.2-75.6h2.1l-0.3-5.6l-10.9-9.6L246.3,137z"
    />
    <g class="st1">
      <path
        class="st2"
        d="M271.4,462.9v2.4l1.5,3.5v4.3l-0.6,1.1l0.1,3.2v1.3l38.4-7.4v-11.6c0,0-7.3-2-7-8.7c0.3-6.6,2.1-8.1,5.7-9.9
		c-0.2-2-1.4-20,8.4-25.5c0-2.6,0-2.6,0-2.6l-1.2-3.3l-0.2-5.1l0.8-1.1v-2.7l12.5-2.2c0,0-16.6-14.4-17.2-21.5
		c-0.6-7.1-0.4-8.9-0.4-8.9l-44.8-57.8c0,0-0.8-16.6,12.4-20.4s21.9,1.1,21.9,1.1l18.4,21.4l3.4,1.9l-0.6-1.9
		c0,0-11.4-18.9-3.9-46.6c1.4-7,1.7-15,0-19.7c0-3.7-0.4-15.7-0.4-15.7l2.5-2.5l-0.2-9.5c0,0-5.2-9.2-25.7-10.9
		c0.1,2.4,0.6,16,0.6,16l-5.7-0.3l-0.8-16.5h-2l0.2,8.7l-4.4,0.3l-0.9-9h-1.2l0.8,14.8c0,0-4.1,1.9-6.6,1.5c-2.5-0.4-6-1.8-6-1.8
		l-1.3-13.9h-1.2l1.3,20.1h-5.4l-1.2-19.4l-1.4,0.1l0.2,11.3l-3.6,0.3l-1.7-1.4l-0.8-9.2l-1.1,0.3c0,0-23.7,4.1-22.8,14.9
		c0.5,5.5,0.5,5.5,0.5,5.5s0.7,3.7,3.3,4.9c0.2,3.7,7,84,7,84s-6.1,0.9-4.1,14.9c0.2,5.1,1,8.2,4.6,12c-2.7,3.6-5.3,8-1,13.8
		c-1.1,3.6-1.4,8.6,1.4,12.1c-1.1,1.8-3.2,6.6,0.6,11.8c-1,2.5-2.5,6.5,1,11.5c-0.6,2.5-2.1,6.4,0.9,11.3c-0.6,2.9-2.3,6.7,0.9,11.1
		c-0.7,3-1.5,8,1.1,11.7c-0.6,2.5-1.8,6.4,1.1,11.4c-0.9,1.8-2,5.5,0.4,9.3c-0.6,2.2-1,8.5,1.1,11.3c0.1-1.3,0.1-1.3,0.1-1.3l18-3.4
		L271.4,462.9z"
      />
      <path
        class="st2"
        d="M307,493c0.7-8.1,5.6-8.3,5.6-8.3l-0.2-2.2l-43.7,8.1l-0.1,5.7c0,0-3.8,2.4-6.4,1.7c-1.5-1.4-2.7-3-3-4.7
		c-1.7,0.1-7.1,1.2-7.1,1.2s-1.3,5.4-0.7,7.5s1.4,3.7,1.4,3.7s-2.2,6.2,0.6,9.4c-0.4,4.2-1.1,9.4,1.4,12c-0.8,1.6-1.4,7.3,0.7,9.9
		c-0.9,2.8-0.6,7.3,0.8,10c-0.5,2.5-2,11.8,6.4,17.2c0,3.6,1.6,24.7,1.6,24.7l21.3-4.7c0,0,0.7-2.4,3.6-3.1
		c2.9-0.7,19.7-4.3,19.7-4.3s2.3-0.4,3,0.8s5.6,15,5.6,15h1.7l-5.3-90.4C313.7,502.3,306.3,501.1,307,493z"
      />
    </g>
    <!-- 维持泵 -->
    <path
      class="st13"
      :class="area123.maintainPumpin1 === '1' ? 's_101' : ''"
      d="M181.8,662.7l-12.5,2.7l-1.5-2.7l3.2-5.2l-7,1.9l-5.2-13.1c0,0-3.2-11.1-3.9-17.6c-0.8-6.4-2.5-17.2-2.5-17.2
	s-0.6-2.9,1.8-3.4c2.4-0.6,38.3-8.1,38.3-8.1l0.6,8.3c0,0,1.8,3.8,7.4,2.4s4.1-4.2,4.1-4.2l-0.9-9.3l28.6-5.7l5.7,12.8l2.2-0.3
	c0,0-1.9-8.5,2.8-9.9c4.7-1.4,43.3-10,43.3-10s-0.1-2,3.4-2.9c3.5-0.8,18.1-3.8,18.1-3.8s3-1.2,4.3,0.8c1.3,2,6,14.6,6,14.6
	s-2,1.4-2.2,2.9c-1-0.9-2.5-1.9-4.9-1.5c-2.4,0.4-23.7,4.3-35,12.2c-1.7,1.7-4,3.5-1.4,18.9l0.7,12.8l-1.9,0.5c0,0-2.7-8.4-5-11.1
	s-2.9-3.4-5.7-3.1c-2.8,0.3-11.9,3.2-11.9,3.2l-3.8,1.4l-2.7-6.1l-1.5,0.2l0.1,6.7l-53.6,11.1c0,0-8.3,1-8.3,8.7
	S181.8,662.7,181.8,662.7z"
    />
    <!-- 罗茨泵 -->
    <path
      class="st13"
      :class="area123.rootsPumpin1 === '1' ? 's_101' : ''"
      d="M393.2,577.2l5.8-2l34.9-3.9l2.1,2.2v2l2.4,0.1l5.6,6.8l0.6,4.9h3.1l4.3,6.2c0,0,0.4,0.3,0.8,2.7
	c0.3,2.4,1,6.1,1,6.1l2.2,0.3c0,0,4.3,8.6,4.1,16c-0.9,1.2-1.7,1.5-1.7,1.5l0.3,3.8c0,0,1.9,0.7,2,2.4c0.1,1.6,0,8.6,0,8.6
	s-0.4,2.3-2.4,2.9c-0.3,1.7-0.6,2.4-0.6,2.4l-30.5,13.5l0.4,18.5l5.6,7.6l0.1,3.8l-8.1,1.4l-1.7-1.4l-5.9,1.4l-0.3,2l-77.2,19.3
	l-1.9-2l-3.2,0.7v2.5l-34.8,8.3l-6.5-12.6v-3l19.8-4.7l13.6-10.9l-0.6-6.6l-5.9,1.5l-17.1,1.6l-7.3-0.8c0,0-5.5-5.3-7.3-12.5
	c-0.8-0.7,2.9,0.5,3.6-2.5c0.6-3.1-1.2-20.7-3.7-27.5c-2.4-6.7-4.2-10.5-6.4-10.4c-2.2,0.1-2.5,1.3-2.5,1.3v1.9l-3.1,1.3
	c0,0-1.5,4.6,0,9.3c-1.8-7.9-6.6-31.4-0.9-34.7c5.7-3.3,25.6-12.2,36.9-12.2c1.1,0.3,2.6,0.7,3.1,2.2c0.2-1.1,0.5-4.2,5.5-4.1
	c1.1,0.3,2.4,1.6,2.4,2.2c0.3-1.7,0.3-3.5,4.4-3.9c2.5-0.3,3.7,2,3.7,2s0.2-3.6,4-3.6s3.6,1.7,3.6,1.7s-0.2-3.2,4.8-3.1
	c2,0.1,3.7,1.4,3.7,1.4s-1.3,5,3.9,8.7c-0.1,3.6,0.1,4,0.1,4l3.1,2.9c0,0,5.1,2.4,6.2,5.2c4.3,0.8,4.3,0.8,4.3,0.8l1.2-1.4l3.4,0.1
	l1.7,2.4l4.5-0.2l-0.1-2.5l3.1-0.3l0.8,1.7l3.6-0.5l0.4-2.9l2.9-0.8l0.4,1l3.6-2v-2.4l1.7-1.8l0.7,0.3l0.2-4.6c0,0,3.4-3.5,3.1-10.7
	c-0.3-7.3-3.9-7.1-3.9-7.1L393.2,577.2z"
    />
    <!-- 机械泵 -->
    <path
      :class="area123.mechanicalPumpin1 === '1' ? 's_101' : ''"
      class="st13"
      d="M273.2,738.5l-26.9,6.6l-1.5-0.8l-22.3,5.6c0,0-5.2,1.9-4.3,10c0.8,8.1,3.7,28.2,8.4,36.1
	c1.1,1.8,2.9,6.6,11.4,4.5c8.5-2.2,19-4.6,19-4.6l1.1-1.9L289,786l-0.5-16.9L273.2,738.5z"
    />
    <path
      class="st5"
      d="M328.7,764.5l1,31.9l3.7,7.8l-30.2,9.3l1.4,19.2l37.3-9.5l6.8,14.2c0,0,0.2,3.4,5.3,0
	c6.1-1.7,107.9-29.5,107.9-29.5s2.2-0.9,2.4-4.6c0.2-3.6,0-31.7,0-31.7s-0.5-7-2.7-12.2c-2.2-5.2-16.3-25.6-16.3-25.6L328.7,764.5z"
    />
    <path
      class="st6"
      d="M275.8,677.6l-12.6,3.3h-1.4l-39.3,8.3l-0.8,1.5l-22,5.5c0,0-6.4,0.6-8.3-2.5c-1.8-3.2-11.4-29.7-10.4-42.9
	c0,0-0.8-8.2,8.5-9.4c3.6-0.7,21.6-4.2,21.6-4.2l39.7-9.5l10.8-2.7c0,0,3.4-1.8,5.6,1.1c2.2,2.9,6.4,11.2,7.3,15.3
	c1.3,0,2.4-0.3,2.4-0.3s-1.7-7.8,0.7-9.2c2.4-1.4,2.8-1.1,2.8-1.1s-1.2-3.1,2.1-3.5c0.7,0.1,2.2,0.3,3.1,2.6
	c0.9,2.3,6.8,15.2,7.1,31.7c0,2.4,0,6.3-4.2,5.7c-1.9-0.6-3.2-1.3-3.3-1.9c-1.3-0.2-4.4-3.2-6-8.4h-1.5l0.9,9.6
	C278.5,666.8,279.8,676.8,275.8,677.6z"
    />
    <path
      class="st7"
      d="M330.8,325.8l-29-34.6c0,0-13.1-9.3-30,4.3c-2.6,4.7-8.2,9.9-2,18c6.3,8.1,42.4,54.6,42.4,54.6
	s-1.8,4.6,1.9,10.8s7.5,11.7,7.5,11.7s6.7,10.3,15.5,10.7c0.4,0.6,6.8,16,6.1,31.6c-2,1-7,4.7-5.3,10.9c-0.2,7.3,0.5,11.7,0.5,11.7
	s3.3,6.4,6.7,7.5c0,6.4,5.9,117.3,5.9,117.3s-4.4,6.3-2.6,12.3c1.6,3.1,3.7,5,3.7,5l0.1,4c0,0,3.1,2.9,4.2,3.5
	c1,0.6,4.8,4.1,6.2,4.8s25,1.2,31-8.7c0.2-4.6,0.2-4.6,0.2-4.6s6.5-7.3-0.8-17.8c0-7.6-3.8-118.2-3.8-118.2s5.6-2,6.4-7.3
	c0-4.8-0.5-14.2-0.5-14.2s0.1-5.2-6.7-8.4c0.1-3.2-2.4-42.5-15.8-56.7c-0.3-2.9-0.5-14.1-7.2-18.5c-1.4-2.2-7.3-10.1-14-13l-0.5,4.2
	l-20.2,3L326,344l-0.2-4c0,0-4.2-7.3-0.7-9.1c0-3.6,0-3.6,0-3.6L330.8,325.8z"
    />
    <!-- 平衡阀 -->
    <path
      :class="area123.balancingValvein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M373.9,505.2c0,0-6.8-1.7-6.8-9.7c0.3-2.1,1.6-6.9,8.1-8.6c6.5-1.7,9.3,1.7,10,3.2c0,0.8,1.6,2,1.2,4.5
	c0.1,0.8,1.1,4.8,1.1,4.8s3.9,2.2,1.8,6.8c-0.7,0.3-1.9,5.1-8.4,4.2c-0.3-0.1-2.8-0.8-3.6-3.1C376.2,506.5,373.9,505.2,373.9,505.2z
	"
    />
    <!-- 主路阀 -->
    <path
      :class="area123.mainValvein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M344.3,324.2l5.7,5.3v3.4l0.5,2.6c0,0,1.3,3.4,0.7,6.5c-0.2,1.4-0.6,1.5-0.6,1.5l-0.2,3.4l-19.7,2.9L326,344
	l-0.2-4c0,0-4-5.8-0.7-9.1c0-3,0-3.6,0-3.6L344.3,324.2z"
    />
    <!-- 旁路阀 -->
    <path
      :class="area123.byPassValvein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M322.5,422.2l-4.3-6.1V413c0,0-3.7-7.1-0.9-8.8c-0.1-1-0.1-3.3-0.1-3.3l13-1.9c0,0,3.1,2.6,6.6,2.7
	c0.7,1.4,3.9,8.4,5.2,16.8L322.5,422.2z"
    />
    <!-- 维持阀 -->
    <polygon
      :class="area123.maintainValvein1 === '1' ? 's_101' : ''"
      class="st13"
      points="254.1,481.9 250.3,474.6 248.6,469.5 248.6,466.1 249.2,464 248.9,460.1 266.9,456.7 271.4,462.9 
	271.4,465.3 272.8,468.8 272.8,473.1 272.3,474.2 272.3,477.4 "
    />
    <path
      class="st10"
      d="M311.3,471.9c0,0,4.9,3.1,5,7.3c-1.2,2.8-3.1,3.3-4.4,3.8c-2.4,0.1-43.1,7.7-43.1,7.7l-0.1,5.7
	c0,0-2.5,2.4-6.4,1.7c-0.8-0.8-3-2.6-3-4.7c-4.4,0.3-56.8,10.3-56.8,10.3s-8.6,2.8-7.9,9.2c0.7,6.4,9.8,93.7,9.8,93.7s0.4,4-4.6,4.5
	c-3.5,0.4-6.7-0.7-7.1-3.7c-0.4-3-9.5-93.6-9.5-93.6s-0.8-17.1,16.9-21.4c17.4-3.5,59-10.4,59-10.4s-0.6-1.8,3.4-2.1
	c4-0.3,4.2-0.1,5.1,0.7C272,479.5,311.3,471.9,311.3,471.9z"
    />
    <!-- 风冷电机 -->
    <path
      :class="area123.airCooledPointMachinein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M715.4,641.5c0,0,14.2,21.5-1.2,44.6c-2.2,3.6-11.7,19.3-36,24.9c-2.1,0-18.4,2.5-31-7.1
	c-5.4-6.3-30.7-35.3-30.7-35.3s-9.3-20.6,5.1-38.4c1.3-2.5,18.3-26.3,46.4-25.7c5.1,0.6,11.8,1.2,16.8,6.2S715.4,641.5,715.4,641.5z
	"
    />
    <!-- 放气阀 -->
    <polygon
      :class="area123.bleedValvein1 === '1' ? 's_101' : ''"
      class="st13"
      points="580,399.4 580,402.4 577.9,403.6 577.9,407.8 578.9,411.2 578.9,414.6 586.2,420.2 602.9,416.6 
	602.9,413.5 604.8,412.1 604.8,407.8 603.4,405.4 603.5,401.6 596.7,395.5 "
    />
    <path
      class="st13"
      :class="area123.bleedValvein1 === '1' ? 's_101' : ''"
      d="M583.6,447.6c0,0,2.1,2.2,6.3,2c4.2-0.1,6.2-2,6.2-2s7.7-0.7,9.3-4.3c0.7-4,0.8-7.6,0.8-7.6s-1.9-5.8-8.4-6.3
	c0-4.6,0.1-11.8,0.1-11.8l-11.6,2.7l-2.6-1.5l-0.5,9.8c0,0-9.5,1.6-9.1,6.7c0,3.5,0.3,6.3,0.3,6.3S576.6,447.1,583.6,447.6z"
    />
    <!-- 微充阀 -->
    <path
      :class="area123.microFillingValvein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M551.1,397.9c0,0-6.9,1.8-5.5,5.6c-0.2,4.7-0.2,5.5-0.2,5.5s2.2,3.9,5.7,3.9c-0.2,2.2,0,3.4,0,3.4
	s0.7,4.5,7.1,3.8s6.4-2.7,6.4-2.7v-4.1c0,0,5.7-1.5,5.9-3.1c0.2-1.6,0-7.2,0-7.2s-1.3-4.4-5.2-4.6c-0.1-2.2,0.3-7.1,0.3-7.1
	s-0.1-1-1-1.3c-0.1-2.3,0-9.4,0-9.4s-0.5-2.1-6-2.2s-5.5,2.7-5.5,2.7l-0.2,9c0,0-1.4,0.4-1.4,2.2S551.1,397.9,551.1,397.9z"
    />
    <!-- 充气阀 -->
    <path
      :class="area123.inflationValvein1 === '1' ? 's_101' : ''"
      class="st13"
      d="M530.5,347.5c0,0-2.1-2.3-4,0c0,4.2,0,21.7,0,21.7s-11.8,2.5-11.1,5.6c0,3.5,0,7.5,0,7.5s2.5,3.5,5.9,3.6
	c-0.3,2.2-0.4,2.7-0.4,2.7s1.4,3.2,7.5,2.6c6.2-0.6,6-2.3,6-2.3l0-3.1c0,0,4.6-0.6,5.1-3s0.5-7.7,0.5-7.7s-3.4-5.9-10-5.6
	C530,364,530.5,347.5,530.5,347.5z"
    />
    <!-- 进水管 -->
    <g class="st12 s_104" id="svg_25">
      <line
        fill="none"
        id="svg_124"
        opacity="0.5"
        stroke="#00b3bc"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="2"
        x1="41.09998"
        x2="41.09998"
        y1="407.5"
        y2="407.5"
      />
      <path
        xmlns="http://www.w3.org/2000/svg"
        class="st33 jinshui"
        d="M581.4,484.7c0,0-7.5-1-9.3,4.9c1.1,1,1,2.1,1,2.1v1.4l26.8,27.3c0,0-1.1-4.6,1.8-4.6c2.8,0,5.8,0.8,6.2,3.6
	c0,4.3,0,9,0,9l13.1,13.4l0.5-4.7c0,0,4.8-0.5,6.7,1.1c2,1.7,0.6,2.7,0.6,2.7l-0.3,8.9L921.2,845c0,0,3.5,4.1,10.2-1.1
	c6.7-5.3,3.7-10.3,3.7-10.3L654.6,556.8c0,0-1.1,3-2.3,2.8c-1.2-0.2-1.4-1.8-1.4-1.8l0.3-4.5L633,534.9c0,0-0.3,2.5-2.5,2.5
	c-0.9,0-1.1-0.5-1.1-1.1c0-0.7-0.1-4.4-0.1-4.4L581.4,484.7z"
      />
    </g>
    <!-- 出水管 -->
    <g class="st12 s_101" id="svg_21">
      <path
        d="M544.3,495.8c0,0,3.6-6.5,6.8-6.4c3.1,0.1,5.4,3.2,5.4,3.2l15.6-3.1l0.6,20l29.1,29.6v3.8c0,0,1.7,2,3.1,0
	c2.4,1.8,17.6,17.9,17.6,17.9v4.8c0,0,2,0.2,3.5-0.8c2.3,2.2,178.3,182.4,178.3,182.4l0.8,2.6l1,1v2.1l1.4,0.5v4.1
	c0,0,2.1,0.9,2.8,0c0-2,0-3.1,0-3.1l0.8,0.1l15.3,15.9c0,0,21.2,23.1,19.3,45.9c0.1,8-8.3,56.7-8.3,56.7s-2.4,5.6-10,3.9
	s-7-6.9-7-6.9l8.1-47.7c0,0,2.9-20.5-9.7-36c-7.6-5.8-271-285.2-271-285.2l-3.9,0.3l-4-5.1L544.3,495.8z"
      />
    </g>
    <!-- 温度传感器 -->
    <path
      :class="
        area123.waterOutTemperture && area123.waterOutTemperture !== '0'
          ? 's_101'
          : ''
      "
      class="st13"
      d="M804.3,747.3l2.8-3.5h5.1l4,4.2l-4.5,5.9l-1.3,0.6v2.6c0,0-0.4,1.5-2.8,0.4c-0.1-1.8,0-3.7,0-3.7l-1.4-0.9
	l-0.2-2l-1.4-1L804.3,747.3z"
    />
    <!-- 炉体 -->
    <g id="svg_6">
      <path
        fill="none"
        stroke="#52c41a"
        stroke-width="3"
        filter="url(#glow)"
        class="st0"
        d=""
      >
        <animate
          attributeName="stroke"
          values="#235fa7;#c0f3a7;#235fa7;"
          dur="1.6s"
          begin="0s"
          repeatCount="indefinite"
        />
      </path>
    </g>
    <path
      id="luti"
      class="st11"
      d="M724,566.6c0,0,9.5,8.5,11.3,9.8c6.7-56.2-22.9-80.4-22.9-80.4l-44.1-38.7h-1.5l-10.8-6.4l3.4-1.1l-27.9-23.7
	c0,0,0,2,0,8.3c-5.7,3.2-8,0-8,0v-14.8l-20.2-18.1l-0.1,3.8l1.4,2.5v4.2l-2,1.4v3.1l-5,1.1c0,1-0.1,7.4-0.1,11.6
	c6.5,0.5,8.4,6.3,8.4,6.3s-0.1,3.6-0.8,7.6c-1.6,3.6-9.3,4.3-9.3,4.3s-2,1.9-6.2,2c-4.2,0.1-6.3-2-6.3-2c-7-0.5-9.2-6.1-9.2-6.1
	s-0.4-2.8-0.3-6.3c-0.5-5.1,9.1-6.7,9.1-6.7l0.5-9.8l2.6,1.5l-7.3-5.6v-3.4l-1-3.4v-4.2l2-1.2v-3l16.7-3.9l-2.5-2.3l1.2-30.5
	c0,0-9.7-7.4-12-8.3s-11.6,0.7-11.6,0.7l-9-7.8c0,0-13.9-1.8-19.7-2.5c-11.5-17-43.8-32.3-43.8-32.3l-1.5,0.5l-14.1-3.6l-1.1-1.1
	l-8-0.6c0,0,27.1,42.9,29.7,50c-29.9,26-59.2,16.5-59.2,16.5l-36-53.5l-13.1,7.2v2.6l-14.8,11.1l-2-0.9l-13.1,13.7
	c4.6,3.6,6.8,12.8,6.8,12.8l0.5,6.5c13.4,18.2,15.6,54.1,15.3,56.6c6.2,2.1,7.5,7.8,7.5,7.8s0.3,13.8,0.3,16.5
	c-0.4,2.7-6.1,6.7-6.1,6.7l1.8,73.9l26.9,37.5l11.5-1.3l4.1-0.2l1.7,2.2v2l2.7-0.3l5.9,8.1l0.2,3.5l2.8,0.5c0,0,2.9,4.2,4.3,6.2
	c1.4,2,1.1,5,1.1,5l0.7,3.7c0,0,0,0,2.2,0.3c2.8,3.6,4.1,16,4.1,16l-1.7,1.5l0.3,3.8l2,2.4l0,5.5l47.2,61.6
	c65.6,48.3,137.1,8.1,137.1,8.1l-11.2-14c0,0-40.6-29.1-8.1-62.8c32.4-33.7,58.8-15.3,58.8-15.3s7.4,6.6,30.5,30.5
	c10.8-16,16.6-38.8,17.6-43.4c-6.8-2.4-4.2-10.3-4.2-10.3s-3.8-3.8-9-9.3C719.4,568.5,724,566.6,724,566.6z M539.5,383
	c-0.5,2.4-5.1,3-5.1,3l0,3.1c0,0,0.2,1.7-6,2.3c-6.2,0.6-7.5-2.6-7.5-2.6s0.2-0.5,0.4-2.7c-3.3,0-5.9-3.6-5.9-3.6s0-4.1,0-7.5
	c-0.7-3.1,11.1-5.6,11.1-5.6s0-17.5,0-21.7c1.9-2.3,4,0,4,0S530,364,530,369.7c6.5-0.3,10,5.6,10,5.6S539.9,380.6,539.5,383z
	 M570.4,410.3c-0.2,1.6-5.9,3.1-5.9,3.1v4.1c0,0-0.1,2-6.4,2.7s-7.1-3.8-7.1-3.8s-0.2-1.2,0-3.4c-3.5,0.1-5.7-3.9-5.7-3.9
	s0-0.8,0.2-5.5c-1.4-3.8,5.5-5.6,5.5-5.6s0.3-3.6,0.3-5.4c0-1.8,1.4-2.2,1.4-2.2l0.2-9c0,0,0-2.8,5.5-2.7s6,2.2,6,2.2
	s-0.1,7.1,0,9.4c0.9,0.3,1,1.3,1,1.3s-0.3,4.9-0.3,7.1c3.9,0.3,5.2,4.6,5.2,4.6S570.6,408.7,570.4,410.3z M607.9,519.5l-0.8,14
	l-2.2,1.3l0.1,8.1c0,0-0.4,0.9-1.7,0.8c-1.3,0-1.4-0.8-1.4-0.8l-0.6-9.1c0,0-1.9,0-1.8-1.3s0.6-15.4,0.6-15.4s0.5-2,4.7-0.9
	C609,517.3,607.9,519.5,607.9,519.5z M628.9,542.4l-0.5,12.7l-2,1.5l-0.9,8.7c0,0-2.1,1.1-2.9,0.5c0.1-2.8,0.3-9.5,0.3-9.5
	s-1.9-0.5-2.2-1.3c0-1.1,0.8-17.7,0.8-17.7s3-1.4,5.8,0.6S628.9,542.4,628.9,542.4z M636,513.4c-0.3,1.3-0.2,14-0.2,14l-2.9,0.8
	l0.1,6.7c0,0-0.5,2.2-2.1,2.5c-1.5,0.2-1.6-1.8-1.6-1.8l0.3-7.6l-1.7-1V510c0,0,1.6-2,4.8-0.4S636.3,512,636,513.4z M657.4,548.6
	l-2.4,1.7l-0.8,7.7c0,0-1.5,3.4-3.1,0.6c0-4,0-8.8,0-8.8l-1.7-1.3l0.4-15.2c0,0-0.1-2.9,1.5-2.9c0,0,6.7-0.3,6.8,3.4
	C658.2,537.4,657.4,548.6,657.4,548.6z"
    >
      <animate
        attributeName="stroke"
        values="#235fa7;#c0f3a7;#235fa7;"
        dur="1.6s"
        begin="0s"
        repeatCount="indefinite"
      />
    </path>
    <path
      class="st15"
      d="M631.6,434.4c0,0-6.1,3.4-8,0c0-5.3,0-14.8,0-14.8s1.1-6.2,8-7.8s49.6-9.4,49.6-9.4s4.5-1,7.5,1.3
	c3,2.3,58.5,49.5,58.5,49.5s3.1,1.5,2.5,6.8s-19.3,173.1-19.3,173.1s-6.6,3.2-7.5,0c0.3-4,13.4-122,13.4-122l5.8-51.9l-15.7-14.2
	L684,409.5l-47.8,9.3c0,0-4.1,0.3-4.5,3.5C631.4,425.5,631.6,434.4,631.6,434.4z"
    />
    <path
      class="st16"
      d="M657.1,450.9l65.3-13.1c0,0,5-2.4,9,0.4c3.9,2.8,24.6,20.2,24.6,20.2s2,2.3,1.6,6.5
	c-0.4,4.2-19.7,173.8-19.7,173.8s-6.1,1.9-7.2-1.7c-0.1-4.1,20-173.9,20-173.9l-23-18.9l-61.5,12.5L657.1,450.9z"
    />

    <!-- 压力传感器 -->
    <!-- 进水 -->
    <path
      :class="
        area123.waterInPressure && area123.waterInPressure !== '0'
          ? 's_101'
          : ''
      "
      class="st13"
      d="M651.7,530.7c0,0,6.7-0.3,6.8,3.4c0.1,3.7-0.7,14.9-0.7,14.9l-2.4,1.7l-0.8,7.7c0,0-1.5,3.4-3.1,0.6
	c0-4,0-8.8,0-8.8l-1.7-1.3l0.4-15.2C650.2,533.5,650.1,530.6,651.7,530.7z"
    />
    <!-- 出水 -->
    <path
      :class="
        area123.waterOutPressure && area123.waterOutPressure !== '0'
          ? 's_101'
          : ''
      "
      class="st13"
      d="M623.3,556.5c0,0-1.9-0.5-2.2-1.3c0-1.1,0.8-17.7,0.8-17.7s3-1.4,5.8,0.6s1.6,4.6,1.6,4.6l-0.5,12.7l-2,1.5
	l-0.9,8.7c0,0-2.1,1.1-2.9,0.5C623.1,563.2,623.3,556.5,623.3,556.5z"
    />
    <!-- 流量传感器 -->
    <!-- 进水 -->
    <path
      :class="area123.waterInFlow && area123.waterInFlow !== '0' ? 's_101' : ''"
      class="st13"
      d="M629.7,535.9l0.3-7.6l-1.7-1v-16.9c0,0,1.6-2,4.8-0.4c3.2,1.6,3.5,2.4,3.2,3.8c-0.3,1.3-0.2,14-0.2,14
	l-2.9,0.8l0.1,6.7c0,0-0.5,2.2-2.1,2.5C629.8,537.9,629.7,535.9,629.7,535.9z"
    />
    <path
      :class="area123.waterInFlow && area123.waterInFlow !== '0' ? 's_101' : ''"
      class="st13"
      d="M601.6,534.2c0,0-1.9,0-1.8-1.3s0.6-15.4,0.6-15.4s0.5-2,4.7-0.9c4.2,1,3.2,3.3,3.2,3.3l-0.8,14l-2.2,1.3
	l0.1,8.1c0,0-0.4,0.9-1.7,0.8c-1.3,0-1.4-0.8-1.4-0.8L601.6,534.2z"
    />
    <path
      class="st7"
      d="M345,586.1l-4.2-85.6c0,0,5.2-2.1,5.3-5c0-2.8,0-7.9,0-7.9s-2.3-4.8-6-5.5c0-1.5,0-2.2,0-2.2s4.5,3.9,6,3.8
	c0.1-2.8-0.2-20.9-0.2-20.9s-7.4-2.4-7.7-9.7s-0.6-11.4-0.6-11.4s1-7.1,5.6-8.8c0-2.8-1.1-14.5-1.1-14.5l-19.5,3.7l-4.7-6.6
	c0,0-8.7,5.4-8.5,19.1c0,5.5,0,5.5,0,5.5s-6.3,3.8-5.4,8.6c-0.2,2.9-0.1,5.2-0.1,5.2s3,5.9,6.9,5.6c0,3.2,0,11.6,0,11.6
	s4.4,1.4,5.5,6.4c0,1.4-0.2,4.1-4.4,5.2c-0.1,1.5-0.1,1.5-0.1,1.5s-5.4,1.4-4.8,8.5c-0.1,3.7-0.1,3.7-0.1,3.7s1,4.5,6.1,5.5
	c0.3,4.1,6.2,90,6.2,90s3.5-0.5,4.5,1.3c0.4-0.7,1.2-2.6,3.9-3.1s4.2,1.4,4.2,1.4s0.6-2.7,3.7-3.3c1.2-0.2,3.6-0.1,4.1,1.1
	c0.4-0.9,1.5-1.9,3.1-2.2c1.6-0.3,2.4,0.1,2.4,0.1L345,586.1z"
    />
    <!-- 管道指针 -->
    <path
      d="m965.15212,879.73123c-6.31176,0 -12.62353,0 -18.93529,0l-18.93526,0l0,-4.09311l0,-4.09312l18.71802,0c10.2949,0 18.71802,-0.20746 18.71802,-0.46103c0,-0.25355 -4.09838,-3.22894 -9.10748,-6.61196l-9.10749,-6.15095l8.41811,0l8.41808,0l12.85632,8.66682l12.85632,8.66682l-12.88098,8.65023l-12.88097,8.65023l-8.86223,0l-8.86224,0l9.79354,-6.61197l9.79353,-6.61196z"
      fill="#007fff"
      id="svg_41"
      stroke="#0000bf"
      stroke-width="5"
      transform="rotate(-129.153 958.167 875.638)"
    />
    <path
      d="m827.35899,924.62499c-5.86147,0 -11.72295,0 -17.58442,0l-17.58439,0l0,-4.09312l0,-4.09312l17.38265,0c9.56045,0 17.38265,-0.20746 17.38265,-0.46102c0,-0.25355 -3.80599,-3.22894 -8.45774,-6.61196l-8.45775,-6.15095l7.81755,0l7.81753,0l11.93913,8.66682l11.93913,8.66681l-11.96204,8.65023l-11.96202,8.65023l-8.22998,0l-8.22999,0l9.09486,-6.61196l9.09484,-6.61196z"
      fill="#007fff"
      id="svg_46"
      stroke="#0000bf"
      stroke-width="5"
      transform="rotate(100.569 820.872 920.532)"
    />
    <!-- 进水管压力 开始 -->
    <g>
      <line
        stroke-dasharray="5,5"
        fill="none"
        id="svg_103"
        stroke="#00ff00"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="3"
        x1="826.46349"
        x2="875.46349"
        y1="724.41911"
        y2="284.4191"
      />

      <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_104"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="780.2666"
        y="150.33334"
      >
        进水管压力:
        {{ area123.waterInPressure ? area123.waterInPressure : "0" }}Pau
      </text>
      <image
        preserveAspectRatio="none"
        height="220.00001"
        id="svg_118"
        width="378"
        x="600.2666"
        y="60.33334"
        xlink:href="@/assets/device/xinxikuang.png"
      />

      <!-- <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_213"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="790.2666"
        y="180.33334"
      >
        进水管流量: 20Pau
      </text> -->
      <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_214"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="773.2666"
        y="210.33334"
      >
        进水管温度:
        {{ area123.waterInTemperture ? area123.waterInTemperture : "0" }}℃
      </text>
    </g>
    <g>
      <line
        fill="none"
        id="svg_103"
        stroke="#00ff00"
        stroke-dasharray="5,5"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="3"
        x1="760.46348"
        x2="648.46348"
        y1="755.64128"
        y2="883.64128"
      />
      <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_222"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="595.98198"
        y="941.90056"
      >
        出水管压力:
        {{ area123.waterOutPressure ? area123.waterOutPressure : "0" }}Pau
      </text>
      <image
        preserveAspectRatio="none"
        height="220.00001"
        id="svg_118"
        width="378"
        x="405.98198"
        y="871.90056"
        xlink:href="@/assets/device/xinxikuang.png"
      />
      <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_224"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="595.98198"
        y="991.90056"
      >
        出水管流量: {{ area123.waterInFlow ? area123.waterInFlow : "0" }}Pau
      </text>
      <text
        fill="#07DCF5"
        font-family="serif"
        font-size="34"
        id="svg_225"
        opacity="0.75"
        stroke="#007fff"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="585.98198"
        y="1041.90056"
      >
        出水管温度:
        {{ area123.waterOutTemperture ? area123.waterOutTemperture : "0" }}℃
      </text>
    </g>
    <g>
      <filter id="glow">
        <feGaussianBlur stdDeviation="2.5" result="coloredBlur" />
        <feMerge>
          <feMergeNode in="coloredBlur" />
          <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
      <rect
        x="430"
        y="440"
        width="180"
        height="110"
        rx="10"
        ry="10"
        fill="#292C35"
        stroke="#5BC5F5"
        stroke-width="4"
        filter="url(#glow)"
        opacity="0.3"
      />
      <text
        fill="#ffffff"
        font-family="serif"
        font-size="32"
        id="svg_112"
        stroke="#00ff00"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="525.1"
        y="486.75"
      >
        PV: {{ area123.meter1RealTemp ? area123.meter1RealTemp : "0" }}℃
      </text>
      <text
        fill="#ffffff"
        font-family="serif"
        font-size="32"
        id="svg_112"
        stroke="#00ff00"
        stroke-dasharray="null"
        stroke-linecap="null"
        stroke-linejoin="null"
        stroke-width="0"
        text-anchor="middle"
        xml:space="preserve"
        x="525.1"
        y="526.75"
      >
        SV: {{ area123.meter1ControlTemp ? area123.meter1ControlTemp : "0" }}℃
      </text>
    </g>
  </svg>
</template>

<script>
import { generateId } from "@/utils/index.js";
import { mapGetters } from "vuex";
export default {
  watch: {
    // 有bug 晚点改
    "$store.state.app.sidebar.opened"() {
      setTimeout(() => {
        // let svg = document.getElementsByTagName("svg");
        // console.log("svg :>> ", svg);
        // for (let index = 0; index < svg.length; index++) {
        //   svg[index].setAttribute(
        //     "viewBox",
        //     "0,0," +
        //       svg[index].getBBox().width +
        //       "," +
        //       svg[index].getBBox().height +
        //       ""
        //   );
        // }
        // this.brder1Key = generateId();
      }, 500);
    }
  },
  computed: {
    ...mapGetters(["area123"])
  },
  data() {
    return {
      brder1Key: "11"
    };
  },
  methods: {
    ceshi() {
      console.log("1 :>> ", 1);
    }
  }
};
</script>

<style type="text/css">
.jinshui {
  fill: rgba(114, 194, 64, 0.6);
  stroke: #52c41a;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: flow 0.8s linear infinite;
}

@keyframes flow {
  0% {
    stroke-dasharray: 5 5;
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dasharray: 5 5;
    stroke-dashoffset: -10;
  }
}
.st0 {
  opacity: 0.3;
  fill: #3f3f3f;
}
.st1 {
  opacity: 0.3;
  fill: #52579f;
  enable-background: new;
}
.st_red {
  opacity: 1 !important;
  fill: red !important;
}
.st2 {
  fill: url(#SVGID_1_);
}
.st3 {
  fill: url(#SVGID_2_);
}
.st4 {
  fill: url(#SVGID_3_);
}
.st5 {
  fill: url(#SVGID_4_);
}
.st6 {
  fill: url(#SVGID_5_);
}
.st7 {
  fill: url(#SVGID_6_);
}
.st8 {
  fill: url(#SVGID_7_);
}
.st9 {
  fill: url(#SVGID_8_);
}
.st10 {
  fill: url(#SVGID_9_);
}
.st11 {
  fill: url(#SVGID_10_);
}
.st12 {
  opacity: 0.3;
}
.st12_5 {
  opacity: 0.8;
}
.st13 {
  fill: #929292 !important;
  opacity: 0.8 !important;
  stroke: #929292;
}
/* 运行中的 */
.s_101 {
  fill: #52c41a !important;
  opacity: 0.5 !important;
  stroke: #52c41a;
}
/* 待机 */
.s_102 {
  fill: #03ffff !important;
  opacity: 1 !important;
  stroke: #03ffff;
}
.s_103 {
  fill: #f49f0b !important;
  opacity: 1 !important;
}
/* 报警 */
.s_104 {
  fill: #e61d1e !important;
  opacity: 1 !important;
  stroke: #e61d1e;
}
/* 关机 */
.s_105 {
  fill: #929292 !important;
  opacity: 1 !important;
  stroke: #929292;
}
.st14 {
  fill: #c6c6c6;
}
.st15 {
  opacity: 0.3;
  fill: #7f8188;
  enable-background: new;
}
.st16 {
  opacity: 0.3;
  fill: #c6c6c6;
}
.st17 {
  opacity: 0.3;
  fill: #d1d1d1;
  enable-background: new;
}
.st18 {
  opacity: 0.3;
  fill: #d1d1d1;
}
.st19 {
  fill: #eaeaea;
}
.st20 {
  opacity: 0.3;
  fill: #35342f;
  enable-background: new;
}
.st21 {
  opacity: 0.3;
  fill: #35342f;
}
.st22 {
  fill: #e8e8e8;
}
.st23 {
  fill: none;
}
.st24 {
  fill: #4469d3;
}
.st25 {
  fill: #ff9d00;
}
.st26 {
  opacity: 0.3;
  fill: #5a5a5a;
  enable-background: new;
}
.st27 {
  opacity: 0.3;
  enable-background: new;
}
.st28 {
  fill: #818181;
}
#circle {
  /* m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z */
  motion-path: path(
    "m571.5,484.6c-5.7,-5 -8,-1.9 -8,-1.9l-120.8,117.8l-4.4,114.7c0,0 3.3,-3 3.6,-23.4c0.3,-20.4 1.5,-54.3 1.5,-54.3s-1.3,-8.9 4.6,-16.8c5.9,-7.9 124.7,-124.3 124.7,-124.3l2.8,-2.8c0,0.1 1.8,-4 -4,-9z"
  );
  offset-path: path(
    "m571.5,484.6c-5.7,-5 -8,-1.9 -8,-1.9l-120.8,117.8l-4.4,114.7c0,0 3.3,-3 3.6,-23.4c0.3,-20.4 1.5,-54.3 1.5,-54.3s-1.3,-8.9 4.6,-16.8c5.9,-7.9 124.7,-124.3 124.7,-124.3l2.8,-2.8c0,0.1 1.8,-4 -4,-9z"
  );
  animation: rao 10s linear infinite;
}
#circle2 {
  motion-path: path(
    "m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z"
  );
  offset-path: path(
    "m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z"
  );
  animation: rao 10s linear infinite;
}
@keyframes rao {
  /* 100% {
    motion-offset: 50%;
    offset-distance: 100%;
  } */
  from {
    offset-distance: 0%;
  }

  to {
    offset-distance: 100%;
  }
}
</style>
